<template>
  <div>
    <ul class="central">
      <li>
        <div class="box">
          <div class="name">付常乐</div>
          <div class="img-text">Android工程师 <img v-bind:src="image" alt=""></div>
          <hr>
          <div class="text">8年Android应用开发经验，曾就职于中软国际，独立开发多个商业APP，涉及电商、新闻、医疗、直播等多个领域，在圆领平台有多次好评履约，秉承“以客户利益至上”，期待与您合作！</div>
          <hr>
          <div class="bottom">
              <img src="//www.lgstatic.com/thumbnail_100x100/i/image/M00/85/7B/CgqCHl_UMRmAJPKXAAAMVELlFy0678.png" alt="公司logo" class="company-logo" width="40" height="60">

            <div class="bottom-text"><a><h3>哈稀网络</h3></a><span>移动互联网，金融</span></div>
          </div>
        </div>
      </li>
      <li>
        <div class="box">
          <div class="name">高丁</div>
          <div class="img-text">前端工程师 <img v-bind:src="image" alt=""></div>
          <hr>
          <div class="text">1. 有独立负责前端、后端整个项目经验。2. 熟练vue、jquery、uniapp等前端框架。3. 自建高可复用的组件库，可快速完成适应各种类型的业务场景的项目。</div><br>
          <hr>
          <div class="bottom">
              <img src="//www.lgstatic.com/thumbnail_100x100/image1/M00/1F/A6/CgYXBlU0gVSAA-QyAABCG5jiCIU208.png" alt="公司logo" class="company-logo" width="40" height="80">

            <div class="bottom-text"><a><h3>深圳长帆</h3></a><span>企业服务</span></div>
          </div>
        </div>
      </li>
      <li>
        <div class="box">
          <div class="name">乔杨</div>
          <div class="img-text">C++工程师 <img v-bind:src="image" alt=""></div>
          <hr>
          <br>
          <div class="text">喜爱编程，喜爱运动，工作认真负责；擅长后台服务器系统的架构设计；擅长c++，java等多种开发语言</div><br>
          <br>
          <hr>
          <div class="bottom">
              <img src="//www.lgstatic.com/thumbnail_100x100/i/image3/M01/5E/3A/Cgq2xl4LDDGAJTZQAAOPWXS4FC448.jpeg" alt="公司logo" class="company-logo" width="40" height="60">

            <div class="bottom-text"><a><h3>百布</h3></a><span>移动互联网</span></div>
          </div>
        </div>
      </li>
      <li>
        <div class="box">
          <div class="name">田密</div>
          <div class="img-text">.NET工程师 <img v-bind:src="image" alt=""></div>
          <hr>
          <div class="text">本人深耕于软件开发领域多年，曾参与多个国外大中型项目的架构设计，数据库设计。熟练运用.Net core, Asp.net MVC、WinForm、WCF、WPF，Vuejs.熟悉数据库设计,英文良好</div>
          <hr>
          <div class="bottom">
              <img src="//www.lgstatic.com/thumbnail_100x100/i/image/M00/73/2E/Ciqc1F_F2BOASUOIAADTYvFeCI0667.jpg" alt="公司logo" class="company-logo" width="40" height="80">

            <div class="bottom-text"><a><h3>笃诚投资</h3></a><span>金融</span></div>
          </div>
        </div>
      </li>
      <li>
        <div class="box">
          <div class="name">杨明建</div>
          <div class="img-text">PHP工程师 <img v-bind:src="image" alt=""></div>
          <hr>
          <div class="text">12年开发经验，精通PHP开发，从事过网页设计，前端开发工作。熟悉产品开发流程，有一定产品规划、需求分析、交互设计能力，也有独立完成项目开发能力。本人做事稳重，对待工作认真，责任心强。</div>
          <hr>
          <div class="bottom">
              <img src="//www.lgstatic.com/thumbnail_100x100/image1/M00/00/08/Cgo8PFTUWA2AKFVIAAA0Zx_NH9Y738.jpg" alt="公司logo" class="company-logo" width="40" height="80">
            <div class="bottom-text"><a><h3>梦网荣信科技集团</h3></a><span>移动互联网</span></div>
          </div>
        </div>
      </li>
      <li>
        <div class="box">
          <div class="name">高忠林</div>
          <div class="img-text">Java工程师 <img v-bind:src="image" alt=""></div>
          <hr>
          <div class="text">参与过众多系统的设计及研发工作，擅长快速开发平台、工作流引擎和工作流管理平台研发，并有自己的作品；拥有4年+技术团队管理经验，团队意识强</div><br>
          <hr>
          <div class="bottom">
              <img src="//www.lgstatic.com/thumbnail_100x100/i/image2/M01/A2/62/CgotOV26l0KAPYy4AAAtqvGN-lA959.jpg" alt="公司logo" class="company-logo" width="40" height="60">

            <div class="bottom-text"><a><h3>诺诺网络科技</h3></a><span>企业服务</span></div>
          </div>
        </div>
      </li>
      <li>
        <div class="box">
          <div class="name">徐劭伟</div>
          <div class="img-text">前端工程师 <img v-bind:src="image" alt=""></div>
          <hr>
          <br>
          <div class="text">5年一线前端研经验。善于沟通，乐于分享。了解后端，学过交互设计，可以跟同事们无缝衔接</div><br><br>
          <hr>
          <div class="bottom">
              <img src="//www.lgstatic.com/thumbnail_100x100/i/image2/M01/02/95/CgoB5lyRtoeAYVvdAABK_PoyKfI850.png" alt="公司logo" class="company-logo" width="40" height="60">

            <div class="bottom-text"><a><h3>火火兔</h3></a><span>电商，其他</span></div>
          </div>
        </div>
      </li>
      <li>
        <div class="box">
          <div class="name">李煜</div>
          <div class="img-text">PHP工程师 <img v-bind:src="image" alt=""></div>
          <hr>
          <br><br>
          <div class="text">8年研发经验，精通Laravel/Lumen框架，快速完成REST接口</div>
          <br><br>
          <hr>
          <div class="bottom">
              <img src="//www.lgstatic.com/thumbnail_100x100/i/image/M00/5D/34/CgqCHl-D_bmADDW2AAAOqRYfyM4450.png" alt="公司logo" class="company-logo" width="40" height="60">
            <div class="bottom-text"><a><h3>一方量化</h3></a><span>金融,软件开发</span></div>
          </div>
        </div>
      </li>
    </ul>
  </div>
</template>
<script>
import image from '@/assets/images/chat.png'
export default {
  data(){
    return{
      image
    }
  }
}
</script>
<style scoped>
  .central{
    display: grid;
    margin: 40px auto 0px;
    grid-template-columns: repeat(4,300px);
    grid-template-rows: repeat(2,350px);
    grid-row-gap: 5px;
  }
  li{
    list-style-type: none;
    margin: 0px 10px;
  }
  .box{
    height: 300px;
    padding: 10px 20px ;
    border: 1px solid rgb(204, 196, 196);
    background-color:#fff  ;
    /* box-shadow: 0 0 10px 0 rgba(56,81,76,.12); */
    
  }
  .box:hover{
    box-shadow: 0 0 10px 0 rgba(56,81,76,.12);
  }
  .name{
  font-size: 18px;
  font-weight: 600;
  color: #3b4145;
  text-align: left;
  cursor: pointer;
  }
  .img-text{
    margin: 10px auto;
    cursor: pointer;
  }
  hr{
    color: #F2F5F4;
  }
  .text{
    font-size: 15px;
  }
  .company-logo{
    margin: 0 auto;
    padding-bottom: 20px;
  }
  /* .bottom{
    margin: 10px 0px 0px 0px;
  } */
  .bottom-text{
    display: inline-block!important;
    margin: 10px 10px 0px 10px;
    font-size: 16px!important;
    line-height: 22px;
  }
  h3:hover{
    color: #00b38a;
  }

</style>>

